


const PageHeader = (props: {title: string, counter: number, id: string}) => {

    const {title, counter, id} = props

    return (


        <div className="row justify-content-between align-items-center header-container"
             id={id}>
            <h1 className="headline-large text-center" id="h1-header">{title}</h1>
            <div className="col-auto w-100 text-center">
                    <span className="badge p-4 ps-4 pe-4 me-3 rounded-pill"
                          id="badge-counter">{counter}</span>
            </div>


        </div>
    )
}

export default PageHeader